﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="InvestorPact.aspx.cs" Inherits="UI.Module.User.InvestorPact" %>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title>酒聚汇投资者查看平台-扫描件查看</title>
<link href="../../css/history.css" rel="stylesheet" />
<link href="../../css/ks.css" rel="stylesheet" />
<link href="../../css/StudentStyle.css" rel="stylesheet" />
<style>
	.center{overflow:hidden; zoom:1;font-size:12px; margin-top:10px; min-width:800px;}
	.inv-l {float:left; width:250px;}
	.inv-l table{ width:230px; margin:0 auto;}
	.inv-c { float:left; width:100%; margin-left:-500px;}
	.inv-c .inv-c-main {margin-left:500px;position:relative; overflow-x:hidden; overflow-y:auto;}
	.inv-r {float:right; width:245px; overflow-x:hidden; overflow-y:auto; position:relative; z-index:99999;}
	.inv-r a,.inv-r img{ display:block; width:210px;}
	.inv-r a{ border:2px solid #fff; margin:5px auto;}
	.inv-r a:hover,.inv-r a.current{ border:2px solid #e9ac20;}
	#IMGBOX{ width:100%; position:absolute; top:0; left:0;}
	#IMGBOX #IMG{ margin:0 auto;}
	#IMGBOX #IMGS{ position:relative; z-index:99;}
	#IMGBOX .close{ position:absolute; top:-15px; right:-16px; width:30px; height:30px; z-index:9999;background:url(../../img/colse.png); background-position:-141px -33px; display:none;}
	#IMGBOX .close:hover{ background-position:-155px -64px; z-index:9999;}
	#IMGBOX .TB_overlayBG{ position:absolute;left:0;top:0;width:100%; z-index:99;}
</style>
<script src="../../js/jquery-1.7.2.min.js"></script>
<script>

	function ResizeImage(ImgD,maxWidth,maxHeight,isBigPic,isLoadingPic){
		var imageRate = ImgD.offsetWidth / ImgD.offsetHeight; 
		var Width,Height;
		if(ImgD.offsetWidth > maxWidth){
			ImgD.style.width=maxWidth + "px";
			ImgD.style.Height=maxWidth / imageRate + "px";
			Width = maxWidth;
			Height = maxWidth / imageRate;
		}else{
			ImgD.style.width=ImgD.offsetWidth + "px";
			ImgD.style.Height=ImgD.offsetHeight + "px";
			Width = ImgD.offsetWidth;
			Height = ImgD.offsetHeight;
		}
		if(ImgD.offsetHeight > maxHeight){
			ImgD.style.width = maxHeight * imageRate + "px";
			ImgD.style.Height = maxHeight + "px";
			Width = maxHeight * imageRate;
			Height = maxHeight;
		}else{
			ImgD.style.width=ImgD.offsetWidth + "px";
			ImgD.style.Height=ImgD.offsetHeight + "px";
			Width = ImgD.offsetWidth;
			Height = ImgD.offsetHeight;
		}
		if(isBigPic==1){
			var Het = (returnHeight() - Height - 20)/2;
			Het < 20 ? Het = 20 : Het;
			$("#IMG").css({
				"width":Width+6,
				"margin-top": Het
			})
			if(isLoadingPic == 0){
				$("#IMGBOX .close").css({
					"display":"block"			
				})
				$("#IMGS").css({
					"border":"3px solid #fff"
				})
			}
			$("#IMGS").css({
				"z-index":9999
			})
			$("#IMGBOX .TB_overlayBG").css({
			    "background-color":"#e7e7e7",
				"opacity":"0.2",
				"filter":"alpha(opacity=20)",
				"-moz-opacity":"0.2"
			})
		}
	}
	
	
	
	function onloadimg(src,isLoadingPic){
		if(src == null)return;
		addPic(LoadingPic,1);
		var obj = new Image();
		obj.src = src;
		if(!obj.complete) {
			 obj.onload = function(){
				addPic(obj.src,isLoadingPic);
			}
		}else {
			addPic(src,isLoadingPic);
		}
	}
	
	function addPic(src,isLoadingPic){
		$(".inv-c .inv-c-main").css("overflow-y","hidden");
		if(isLoadingPic == 0){
			var style= "width:"+$("#IMGBOX").width()+"px;";
		}else{
			var style= "width:25px;";
		}
		var htmls = "<div id=\"IMG\"><div id=\"IMGS\"><a class=\"close\" href=\"javascript:\" onclick=\"closeImgBox()\"></a><div id=\"SUBIMG\"><img id=\"LOADIMG\" onload=\"ResizeImage(this,"+$("#IMGBOX").width()*0.9+","+$(".CHeight").height()*0.9+",1,"+ isLoadingPic +")\" style =\""+ style+ "\" src=\""+src+"\"></div></div></div><div class=\"TB_overlayBG\" style=\"height:"+returnHeight()+"px\"></div>";
		//alert(htmls);
		$("#IMGBOX").html(htmls);
	}
	
	function closeImgBox(){
		$("#IMGBOX").html("");
		$(".inv-r a").removeClass("current");
		$(".inv-c .inv-c-main").css("overflow-y","auto");
	}
	
	function autoSetHeight(){
		$(".CHeight").css('height',returnHeight());
		var src = $("#LOADIMG").attr("src");
		if(LoadingPic == src){
			onloadimg(src,1);
		}else{
			onloadimg(src,0);	
		}
		
	}
	function returnHeight(){
		return document.documentElement.clientHeight-$(".page").height()-10;
	}
	
	var LoadingPic = "../../img/loading.gif"; 
	
	$(function(){	   
		autoSetHeight();	
		$(".inv-r a").click(function(){					 
			onloadimg($(this).attr("onloadimg"),0);				 
			$(".inv-r a").removeClass("current");				 
			$(this).addClass("current");
		})
	})
	
	$(window).scroll(function(){
		autoSetHeight();
	})
	
	$(window).resize(function(){
		autoSetHeight();
	})
	
</script>
</head>
<body style="overflow:hidden;background:#fff; color:#000;">
<form id="form1" runat="server">
  <div class="banner">
    <div class="page">
      <div id="logo"> <a href="../../MainWeb.aspx"> <img src="../../images/logo.png" alt="" width="165" height="48"/> </a> </div>
    </div>
  </div>
  <div class="center">
    <div class="inv-l CHeight">
    <table cellpadding="0" cellspacing="0">
        <tr>
          <td>合同标题：</td>
          <td><asp:Label ID="Label1" runat="server" Text="Label"></asp:Label>&nbsp;</td>
        </tr>
        <tr>
          <td>合同编号：</td>
          <td><asp:Label ID="Label2" runat="server" Text="Label"></asp:Label>&nbsp;</td>
        </tr>
        <tr>
          <td>合同签订日期：</td>
          <td><asp:Label ID="Label3" runat="server" Text="Label"></asp:Label>&nbsp;</td>
        </tr>
        <tr>
          <td>合同执行日期：</td>
          <td><asp:Label ID="Label4" runat="server" Text="Label"></asp:Label>&nbsp;</td>
        </tr>
        <tr>
          <td>合同到期日期：</td>
          <td><asp:Label ID="Label5" runat="server" Text="Label"></asp:Label>&nbsp;</td>
        </tr>
      </table>
    </div>
    <div class="inv-c">
      <div class="inv-c-main CHeight">
        <div id="div_nr" runat="server"></div>
        <div id="IMGBOX"></div>
      </div>
    </div>
    <div class="inv-r CHeight" id="div_img" runat="server">
      <%--<a href="javascript:" onloadimg="http://2014.bgw100.com/images/2014/12-23.jpg"><img onload="ResizeImage(this,245,245)" src="http://ossweb-img.qq.com/images/lol/web201310/bg/index-bg-v8.jpg"></a>--%>
    </div>
  </div>
</form>
</body>
</html>
